//Ext.apply(Ext.form.VTypes, {
//
//    password : function(val, field)
//	{
//        if (field.initialPassField) {
//            var login = Ext.getCmp(field.initialPassField);
//            return (val == login.getValue());
//        }
//        return true;
//    },
//    passwordText : 'Passwords do not match' //alert if you enter a password that is not the same
//});
 

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


Ext.onReady(onReadyCall);
var panelusuario;
function onReadyCall()
{
   readControls_Login();

//     var txtIdEmpresaArea = new Ext.form.NumberField({
//        id: 'txtIdEmpresaArea',
//        fieldLabel: 'IdEmpresaArea',
//        width: 250,
//        align:'left',
//        allowNegatives: false,
//        convertToUpperCase: true ,
//        allowBlank:false,
//        maxLength: 8,
//        minLength:8
//    });
     // txtdni.render('Divdni');

      var txtNombre = new Ext.form.TextField({
        id: 'txtNombre',
         fieldLabel: 'Nombre',
        allowBlank:false,
        width:250
    });
     // txtNombres.render('Divnombres');

       var txtDescripcion = new Ext.form.TextField({
        id: 'txtDescripcion',
         fieldLabel: 'Descripcion',
        allowBlank:true,
        width:250
    });
    //  txtApellidos.render('Divapellidos');

     var txtImagen = new Ext.form.TextField({
        id: 'txtImagen',
         fieldLabel: 'Imagen',
        allowBlank:false,
        width:250
    });

       var btnImagen = new Ext.Button({
        id: 'btnImagen',
        text: 'Imagen',
        width:80,
        handler: function(){
         }
        });

    //  txtDireccion.render('Divdireccion');

     var txtPrecio = new Ext.form.TextField({
        id: 'txtPrecio',
         fieldLabel: 'Precio',
        allowBlank:false,
        width:250
    });
     // txtTelefono.render('Divtelefono');

//       var txtEstado = new Ext.form.TextField({
//           fieldLabel: 'Estado',
//           id: 'txtEstado',
//           allowBlank: false,
//           width: 250,
//           maxLength: 20
//    });
      var txtDireccion = new Ext.form.TextField({
           fieldLabel: 'Direccion',
           id: 'txtDireccion',
           allowBlank: false,
           width: 250,
           maxLength: 20
    });
     // txtClave.render('Divclave');

//        var txtDireccionImagen = new Ext.form.TextField({
//        id: 'txtDireccionImagen',
//        allowBlank:false,
//         fieldLabel: 'Grafico Direccion',
//        width:250
//    });
//    //  txtEmail.render('Divemail');
//     var Ltxtpassword = new Ext.form.TextField({
//        id: 'Ltxtpassword',
//        inputType: 'password' ,
//        width:100
//    });
//     Ltxtpassword.render('DivLtxtpassword');

   var btnRegistrar = new Ext.Button({
    id: 'btnRegistrar',
    text: 'Registrar',
    width:80,
    handler: function(){
     }
    });
    // btnRegistrar.render('Divbtnregistrar');

     var btnLimpiar = new Ext.Button({
    id: 'btnLimpiar',
    text: 'Limpiar',
    width:80,
    handler: function(){
     }
    });
    // btnLimpiar.render('Divbtnlimpiar');
    panelusuario = new Ext.form.FormPanel({
                xtype: 'panel',
                frame:true,
                region:'center',
                title: 'Registro Area de Empresa',
                layout: 'form',
                bodyStyle:'padding:15px 15px 0',
                width: 600,
                items: [
                      {
                        layout:'column',
                        items:[
                        {
                            columnHeight:.10,
                            layout: 'form'
                        }
                         ]
                    } ,
                     //txtIdEmpresaArea,
                     txtNombre,
                     txtDescripcion,
                     //txtImagen,
                      {
                        layout:'column',
                        items:[
                        {
                            columnWidth:.7,
                            layout: 'form',
                            items:[txtImagen]
                        },
                        {
                            columnWidth:.3,
                            layout: 'form',
                            items:[btnImagen]
                        }
                         ]
                      } ,
                     txtPrecio,
                     // txtEstado,
                     txtDireccion
                     // txtDireccionImagen
                ],
                   buttons: [{
                    text: 'Registrar',
                    id:'btnregistrar',
                    align: 'center',
                    handler: function()
                    {
                        if(!panelusuario.getForm().isValid())
                        {
                          return false;
                        }
                        // var v_idEmpresaArea = Ext.get('txtIdEmpresaArea').dom;
                        var v_nombre = Ext.get('txtNombre').dom;
                        var v_descripcion = Ext.get('txtDescripcion').dom;
                        var v_imagen = Ext.get('txtImagen').dom;
                        var v_precio = Ext.get('txtPrecio').dom ;
                        //var v_estado = Ext.get('txtEstado').dom ;
                        var v_direccion = Ext.get('txtDireccion').dom ;
                        //var v_direccionImagen = Ext.get('txtDireccionImagen').dom ;

//                         if(v_idEmpresaArea.value =="")
//                        {
//                            v_idEmpresaArea.focus();
//                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
//                            return false;
//                        }
                         if(v_nombre.value =="")
                        {
                            v_nombre.focus();
                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
                            return false;
                        }
                        if(v_imagen.value =="")
                        {
                            v_imagen.focus();
                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
                            return false;
                        }

                        if(v_precio.value =="")
                        {
                            v_precio.focus();
                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
                            return false;
                        }
//                        if(v_estado.value =="")
//                        {
//                            v_estado.focus();
//                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
//                            return false;
//                        }
                        if(v_direccion.value =="")
                        {
                            v_direccion.focus();
                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
                            return false;
                        }

//                        if(v_direccionImagen.value =="")
//                        {
//                            v_direccionImagen.focus();
//                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
//                            return false;
//                        }

       Ext.MessageBox.show({
       msg: 'Guardando los Datos , por favor espere...',
       progressText: 'Guardando...',
       width:300,
       wait:true//,
       //waitConfig: {interval:200}//,
       //icon:'ext-mb-download', //custom class in msg-box.html
       //animEl: 'mb7'
 });
    var AddResultItinerarios = new Ext.data.Connection();
    AddResultItinerarios.request({
        url: URLWebService + '/GrabaAreaEmpresa',
        params: {
                // idEmpresaArea:  v_idEmpresaArea.value.replace(/^\s*|\s*$/g,""),
                nombre:   v_nombre.value.replace(/^\s*|\s*$/g,""),
                descripcion:   v_descripcion.value.replace(/^\s*|\s*$/g,""),
                imagen:   v_imagen.value ,
                precio:   v_precio.value ,
                //estado:   v_estado.value ,
                direccion:   v_direccion.value
                //direccionImagen:   v_direccionImagen.value
                },
        method: 'POST',
        scope: this,
        callback: function(options, success, response){
        if (success){
             Ext.MessageBox.hide();
            var xml = response.responseText;
            var re = /\n/;
            xml = xml.replace(re, '');
            re = /\r/;
            xml = xml.replace(re, '');
            var ObjectRes =  Ext.decode(xml);
           // var ObjectRes= Ext.util.JSON.encode(xml);
            ObjectRes= ObjectRes.MensajeResultado;
            var return_Estado = ObjectRes.ESTADO;
            var return_Mensaje = ObjectRes.MENSAJE ;
            Ext.MessageBox.show({
               title: 'Resultado',
               msg: return_Mensaje,
               buttons: Ext.MessageBox.OK,
               fn: function(){
                if(return_Estado == 1)
                {
                  LimpiarPanel();
                   location.reload();
                }else
                {

                }

               }
           });
      }
      }
    });
                    }
                    }, {
                    text: 'Limpiar',
                    handler: function(){
                        LimpiarPanel();
                    }
                 }]
            });
             panelusuario.render('Divusuario');

}

 /*

Ext.onReady(onReadyCall);
var panelupload;
function onReadyCall()
{
   // readControls_Login();
          panelupload  = new Ext.FormPanel({
                //renderTo: 'fi-form', //(5)
                fileUpload: true, //(1)
                width: 400,
                frame: true,
                title: 'File Upload',
                bodyStyle: 'padding: 10px 10px 0 10px;',
                labelWidth: 50,
                items: [{
                    xtype: 'FileUploadField',
                    emptyText: 'Select an image',
                    fieldLabel: 'Image',
                    name: 'file', //(2)
                    buttonText: 'Choose a file'
                    }],
                    buttons: [{
                        text: 'Save',
                        handler: function()
                        {
                            if (form.getForm().isValid())
                            {
                                form.getForm().submit({
                                    url: 'Home/Upload',
                                    waitMsg: 'Uploading your photo...',
                                    success: function(form, o) //(3)
                                    {
                                        Ext.Msg.show({
                                            title: 'Result',
                                            msg: o.result.result,
                                            buttons: Ext.Msg.OK,
                                            icon: Ext.Msg.INFO
                                        });
                                    },
                                    failure: function(form, o) //(4)
                                    {
                                        Ext.Msg.show({
                                            title: 'Result',
                                            msg: o.result.error,
                                            buttons: Ext.Msg.OK,
                                            icon: Ext.Msg.ERROR
                                        });
                                    }
                                });
                            }
                        }
                 }]


             });

          //   panelupload.render('Divusuario');
             panelupload.render('Divupload');
}


*/



function LimpiarPanel()
{
    //Ext.get('txtIdEmpresaArea').dom.value = "";
    Ext.get('txtNombre').dom.value = "";
    Ext.get('txtDescripcion').dom.value = "";
    Ext.get('txtImagen').dom.value = "";
    Ext.get('txtPrecio').dom.value = "";
    //Ext.get('txtEstado').dom.value = "";
    Ext.get('txtDireccion').dom.value = "";
    //Ext.get('txtDireccionImagen').dom.value = "";
}

 
